import { mapState } from 'vuex'
export const zpTheme = {
    data() {
        return {
            themeArr: {
                'theme-dark': {
                    bgBbj: variables.menuBg,
                    textColor: variables.menuText
                },
                'theme-light': {
                    bgBbj: variables.menuLightBg,
                    textColor: variables.menuText2
                },
                'theme-blue': {
                    bgBbj: variables.menuBg3,
                    textColor: variables.menuText3
                }
            }
        }
    },
    computed: {
        ...mapState(['settings']),
        // 动态获取颜色
        getMenuCls() {
            var theme = this.settings.sideTheme
            console.log('themellogo', theme, this.themeArr[theme].bgBj)
            return {
                bgBj: this.themeArr[theme].bgBj,
                textColor: this.themeArr[theme].textColor
            }
        }
    }
}
